<template>
  <Layout>
    <a-card title="注册" class="login" style="width: 500px">
      <template #extra><a-button @click="goLogin">登录</a-button></template>
      <RegisterForm />
    </a-card>
  </Layout>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import Layout from "@/layout/Home.vue";
import RegisterForm from "@/components/forms/RegisterForm.vue";
import { useRouter } from "vue-router";

export default defineComponent({
  name: "Register",
  components: {
    RegisterForm,
    Layout,
  },
  setup() {
    const router = useRouter();
    const goLogin = () => {
      router.push({
        name: "Login",
      });
    };
    return { goLogin };
  },
});
</script>

<style scoped lang="scss"></style>
